#html graph

[divinector]

Pure CSS Line Graph Animation

[ivaalo]

Introduction

This is a fan analysis about the results of 24 polls posted on Tumblr by the user @zeldatourney. Huge thanks to them to have organized this tourney.

(Keep in mind my first language isn't English, so I might make some minor mistakes)

This is a long post with multiple graphs, so I'm putting a "Read more" button here!

For each game, the question asked was "How high does [game] rank?" with 7 answers possible to choose:

S tier (One of the greatest)

A tier (A favorite)

B tier (I like it)

C tier (Meh)

D tier (I'd rather play something else)

F tier (AWFUL)

I haven't played this game

The poll started on the 2nd of December 2024 and ended the 9th of December 2024.

Disclaimer: This is not a representation of the Zelda community as a whole, but a result of people who saw and voted for the polls between those previously quoted dates.

For the rest of this post, I will simplify each game's name by its abbreviations. For example, "A Link To The Past" will be named "ALTTP". The polls didn't specify if it contains the original games or both the original games and the remakes. They will be named as such:

[TLOZ] The Legend of Zelda

[AOL] Adventure of Link

[ALTTP] A Link to the Past

[LA] Link's Awakening (DX) (+ the unnamed 2019 remake)

[OOT] Ocarina of Time (3D)

[MM] Majora's Mask (3D)

[OOS] Oracle of Seasons

[OOA] Oracle of Ages

[FS] Four Swords (Anniversary Edition)

[TWW] The Wind Waker (HD)

[FSA] Four Swords Adventures

[TMC] The Minish Cap

[TP] Twilight Princess (HD)

[PH] Phantom Hourglass

[ST] Spirit Tracks

[SS] Skyward Sword (HD)

[ALBW] A Link Between Worlds

[HW] Hyrule Warriors (Legend / Definitive Edition)

[TFH] Tri Force Heroes

[BOTW] Breath of the Wild

[COH] Cadence of Hyrule

[AOC] Hyrule Warriors: Age of Calamity

[TOTK] Tears of the Kingdom

[EOW] Echoes of Wisdom

Collected data

Each poll being independent from each other, the number of votes varies from one poll to another.

For each games, I added the percentage (as picked up from the HTML for a better precision). The result is either 99.999, 100 or 100.001, so I sometimes cheated to add or remove 0.001 somewhere. Tumblr doesn't give you access to the exact numbers of vote per option.

So before ranking the games, I have to show you first what games are the most played. Adding all answers and doing:

Played (%) = 100 - "I haven't played this game" (%)

I'll use colours to differentiate 2D games (in terms of gameplay) to 3D games. I'll also highlight spin-off games and multiplayer games.

Here are the games played by more than 75% of players:

We can already see a huge pattern. All the 3D games are there. And the only 2D Zelda game to be played by 75% of players is ALBW. BOTW and OOT are the most played games of the sample, as those were huge turning points and both cultural and commercial success.

We can also notice the difference of 5% between the least played 3D game (MM) and the most played 2D game (ALBW).

Let's continue to look at the other played games:

EOW is most likely low as it's the most recent game, at this time, but also because it's not a 3D game. And the hype train was low compared to TOTK. (3 months of anticipation compared to 4 years)

And finally, the multiplayer games are the least played games, excluding COH. Also worth noting that all the spin-off games cited can also be played with another player, but it wasn't the main focus of the communication. COH being a musical tactical rogue-lite only appealed to a specific part of Zelda fans.

If these polls contained the CD-i Zelda games, Link's Crossbow Training and Tingle games, the score would probably be under COH, but we never know!

I'll keep these colours as labels, to recognize them better in the next images.

Alright. Time to share the ranking. Here is the global result, sorted by release date in North America:

It's kind of a lot to see! Overall, the games are pretty liked. So first, let's take a look at the disliked games:

Please note that the X-axis was zoomed, so we can see the result better.

We can already notice that AOL makes a huge contrast. As this game is considered as the black sheep of the franchise because of how different it is, its reputation mostly came from the difficulty of that game.

Almost a factor of 0.5 divides the first disliked game to the second. TFH the second disliked and the original TLOZ follows.

ALBW is the least disliked, with under 1%, counting D tier and F tier.

But notice the F-tier (red) line. It varies a lot, so let's take a look at the most hated games:

Yep, TOTK is third, this time. As I don't personally think it's awful, it definitively disappointed many by being too close to BOTW and having a lot of issues BOTW didn't have.

Nobody voted "F tier" for ALTTP nor OOT. Same for OOS but keep in mind this game was the least voted one too!

Alright, enough for the hate! Let's look at the most appreciated Zelda games.

Yep, the majority of Zelda fans like 22.5 out of 24 of the games! (TFH being exactly 50, I half-counted it!)

TWW is being almost unanimously appreciated, with almost 97%, and the second one to get this score is TMC, a 2D game, with more than 96%!

You can notice some gaps, like between ST and COH, and then between the Oracle games and TOTK.

Now let's look at the most loved games:

5 3D games are in the top 5, except for SS and TOTK. TMC is very close to beat BOTW and remains the most loved 2D Zelda game. Notice how SS and TOTK make a huge gap between the game before and the game after, like voters use them as references. The two Hyrule Warriors games are, in a funny way, between the Oracle ones.

Let's add a step forward and look at the S tier only:

Nothing changes for the top 9 games. However, EOW seems more nuanced and is less considered as best than TOTK.

Final results

And finally, let's rank them using the Majority Judgment:

The Majority Judgment was created to propose a more democratic way to vote. Each candidate has multiple mentions, and you (the elector) must attribute one mention to each candidate. Since this poll uses this exact method of vote, I decided to rank them all using the Majority Judgment. To count using the Majority Judgment, you must focus on the 50% axis, and look at the category that crosses it (more than 50%). That gives you the tier, and the best tier wins.

When two or more candidates get the same tier, there are multiple ways to rank:

The first way is to put a line at the middle and see which line has the higher percentage. (Less precise but more simple)

The second way is to divide it into multiple tiers by doing the first method again and again until each candidates has a unique tier. (More precise but less simple)

But since I didn't want to compare B++++ to B+++-, I used the first method. It's my democracy and I do whatever I want!

Just keep in mind that depending on the way to count these games may be swapped:

ALTTP and LA

OOA and PH

AOC and HW

SO, for the data. Top 5 is TWW, MM, TP, OOT and BOTW. To be honest, I imagined MM to be a more nuanced game, or at least more controversial, since it has a unique concept.

The A tier only contains 2D games, except SS. TMC, ST and ALBW are the favourite 2D games. ALTTP and LA are always very close. The last one of the tier is EOW.

Only mainline games are in the S and A tier.

The first game of the B tier is a spin-off game, followed by TOTK.

TFH was one vote away from being in the B tier. And no surprise, AOL is the last one.

To sum up, according to the participants who voted for these polls:

S tier

🥇 The Wind Waker

🥈 Majora's Mask

🥉 Twilight Princess

⭐ Ocarina of Time

⭐ Breath of the Wild

A+ tier

The Minish Cap

Spirit Tracks

A- tier

A Link Between Worlds

Skyward Sword

A Link to the Past

Link's Awakening

Echoes of Wisdom

B+ tier

Cadence of Hyrule

Tears of the Kingdom

Oracle of Seasons

Oracle of Ages

Phantom Hourglass

B- tier

Age of Calamity

Hyrule Warriors

Four Swords Adventures

Four Swords

The Legend of Zelda

C+ tier

Tri Force Heroes

C- tier

Adventure of Link

Thank you for reading! ~

[coefficiente]

ao3 bookmarks wrapped (end of year) - interest survey

edit: try it out here!

Presents a summary of your stats from your bookmarks via some colourful graphs - only needs your html data uploaded. Completely automated, requires no programming knowledge, no use of dynamic web scraping, entirely cloud hosted, and your data is only stored privately on your google drive.

^ graphs above are script generated

sound like fun?

[mortalityplays]

thinking about being eight years old and tracking the Sojourner mars rover with my dad, on NASA's web 1.0 html website over dial-up internet. it was a lot of text and little crunchy images of maps that loaded a line at a time. they would update its coordinates each day, and we'd figure out its position with graph paper. the wonder of it.

[studaxy]

LAB PREP + PRACTICALS WEEK [1st Jan - 9th Jan]

a quick summary!

happy belated new YEARRRR (we're six weeks into the new year time is so slippery and for what T_T)

I finished like 10 pens writing assignments and record books this week and didn't study at all so I failed an html mock assessment thing lol but its cool

the events of each lab: math: it was python, but they taught us jack-shit so I ended up memorizing the programs 2 hours before the lab, and passed with flying colours 👍 there was no viva thank god c lang: they gave us 10 programs to study and I'd actually pre-prepared for this because our professor tricked us into thinking it was a week before. I spent like 20 hours straight learning these programs a week ago and it didn't even happen T_T it went fking amazing though, and so did viva!! I got full marks!! :D physics: studied the experiment write-ups the night before and kind of forgot some of it because the experiment I ended up getting had some heavy content - there were so many tables and so many graphs T_T - I persevered though and breezed through the actual experiment conduction because I'd been teaching it to my lab-mates the past week! I thought my viva went disastrously BUT I passed with a 0.4 deduction only!!

my uni's tea is the best tea 👍

[kafus]

not sure who needs to hear this but the HTML/CSS required to make a run of the mill neocities site is more like learning a specific type of grammar/structure to organize information and less like coding. it only really becomes what feels like "coding" when you start adding scripting like javascript, which you really don't have to do. if the idea of "coding" sounds overwhelming but you like making spreadsheets, lists, graphs, or other ways of organizing information about the things you like (or even if you haven't done that before, if it sounds appealing at least), i highly recommend looking into basic HTML and CSS anyways and giving it a shot, because i think the process of writing HTML/CSS is much closer to that than scripting

[unsettlingcreature]

What did you use to create that visual representation of your notes? It looks very cool and helpful

It's a built in feature of Obsidian! It's a notes-taking program that uses Markdown language (the same language used on tumblr and discord for formatting text) as well as HTML for further customisation. If you (or anyone) has ever used Notion, it shares the same ability to link notes together (and again, uses Markdown like Notion).

Out of the box, it comes with several "core" plugins (including the Graph View which shows all my notes!) but also has optional community plugins which is where I think Obsidian really shines as it offers even more functionality. I use it primarily for long-form writing (fics and original writing, since I can both write directly into it and put together pages of research and planning that link together) and for planning campaigns for D&D and other tabletop RPGs.

Also because I think the Graph View just looks really cool, here's an example of it from a campaign I planned in the past. It's been tweaked a lot and is definitely a lot more interlinked than my other vaults fdkjghdkg

There's also a bunch of themes in light and dark mode. I prefer funky colours based on what I'm working on but there's more minimalistic ones as well!

[smaethegae]

Writers, ever struggle with what colour you’re picturing in your head, or what name it is, or how to describe it, even?

Here’s a tip.

What I do personally is use HTML colour codes, or really any colour scale graph that gives out #xxxxxx.

Link of the site I use: https://html-color.codes/ Afterwards, I proceed to copy paste whatever colour it is that I’m picturing, so I’ll copy paste for example, #82dc9e.

Once I do that, I will put: “#82dc9e color name” into the search bar, and it gives me the shade name, so now I know the name of the colour that I was thinking of!

Plus, sometimes, it’s best to just have the name rather than use flowery language, especially when it’s a quick analyzation rather than a slow scene to set the mood and surrounding location.

I hope this helps, even a little bit!

(The name and colour I used for the example is medium aquamarine if you’re curious.)

[divinector]

Line Graph Animation

[fundgruber]

Tumblr als Werkzeug

Tumblr benutze ich seit 2009. Am Anfang war es eine Art Speicher für inspirierende Bilder, also typisches digitales Hoarding. Und Randnotizen während des Studiums in Kunstgeschichte (fundgruber hieß zuerst noch dr0fn0thing, eine Hommage an Guy Debord, der sich mal a doctor of nothing nannte, zur SI die BA-Arbeit...) und den Seminaren zu kritischer Theorie (es gab damals eine K.T. bubble auf Tumblr, ein Zeitdokument dieser "Generation" ist der Band wenn die Stunde es zuläßt.: Zur Traditionalität und Aktualität kritischer Theorie von 2012). Und der Tumblr diente mir auch um Aktivitäten auf anderen Netzwerken zu archivieren (vor allem dump.fm, eine Art Bildatlas als Channel, den ich vor allem für die Methode der Juxtaposition, der Bildpaare genutzt habe, leider dachte ich ein Index reicht, also ist die Arbeit dort nicht mehr erhalten, weil die Seite ohne Vorwarnung eingestampft wurde). Dann kurz die schicke (weil in der Kürze Pionier-Mitgliedschaft symbolisierend) lf subdomain genutzt, dort ist jetzt eine Bibliographie. Der Haupt-Tumblr heißt nun Fundgruber, als Benennungsstrategie in den Sichtbarkeitspolitiken der sozialen Medien. Es war ein Experiment, den Namen F....gruber immer wieder anders zu nutzen, Feedgruber, Fotogruber, für unterschiedliche Plattformen, und nur die die den richtigen Namen kennen haben die Chance des Erkennens und Zuordnens, und nicht der Apparat des Wissensgraphens der solche Bezüge als digitales Wissenskapital erfasst (das Google und Palantir Geschäftsmodell). Quasi ein sozialer Filter. Weitere Experimente mit kleinerern Tumblr-Blogs sind Bild-Randnotizen zum 19. Jahrhundert (mein fachlicher Fokus seit dem M.A.), Kunstökonomie-Sammlung (während der Promotion), Museumsdigitalisierung-Sammlung. Was sich mit der Zeit geändert hat ist, dass der Haupttumblr zum Arbeitswerkzeug geworden ist. Randnotizen und Zettelkasten in einem. In den letzten Jahren sind das vor allem die Hashtags #museum und #Medienkompetenz, sowie #sozialitäten: Also zusammen die Medienkompetenz die notwendig ist um digitale Politik von Museen auf gesellschaftlichen Fragestellungen hin zu durchleuchten. Erfreulicher Nebeneffekt der Arbeit in einem offenen Zettelkasten ist das es in andere Kästen rüberwuchert, und von dort auch Sachen in meinen reinkommen, in immer wieder neuen Bubbles (also ihr 👋). Das erste Social Media, das für meine Arbeit Sinn macht, Social Media als Produktionsort, nicht als Zirkulation und Werbung. Pinterest und Are.na hätten ähnliches Potential, aber mehrere Plattformen zu bespielen, da fehlen mir gerade noch die Schnittstellen dazwischen. Durch das inzwischen eingeführte digitale Bürgerrecht zum Export der Social Media Inhalte habe ich das ganze aber auch in eine vernetzte Notizapp importiert (Obsidian, für das es ganz viele Plugins gibt), auch damit ich es nicht verlieren kann, falls mein Account gelöscht werden sollte oder die Plattform sich verändert. Die Suche auf Tumblr, zum Beispiel nach mehreren Hashtags wird immer besser, aber in Obsidian kann ich das Ganze als Netzwerk-Graph navigieren, das nimmt die Logik der Timeline raus und zeigt mir das ganze als Karte, so sehen zum Beispiel 11.000 Tumblr-Posts mit ihren Hashtags dort aus, und dann kann man in die Inseln und Zwischenräume reinzoomen und das auch filtern.

Für die Weiterarbeit brauche ich noch: automatisierte Importe zwischen den Plattformen und Werkzeugen (also auch von Obsidian nach Tumblr), und eine Einbindung in das Markdown Plugin von Zenodo, um die Referenzen einfacher zitierbar zu machen, das lief beim aktuellen Buch (erscheint 2025) noch mit viel Extraarbeit.

Fazit, scheiß auf generative Texterzeugung mit KI, die wahre Textmaschine ist der digitale Zettelkasten am Netz, die Prothese des Wissensarchivs. Sicher fühle ich mich damit nur, weil ich es auch exportiert als offene Daten vorliegen habe (HTML konvertiert zu Markdown-Files die ich in Obsidian navigiere). Denn kommerziellen Plattformen wie auch Tumblr eine ist, ist nicht zu trauen. Gemäß der Parole #reclaimyourarchive möchte ich alle die mit der Plattform ähnlich arbeiten daran erinnern sich ihre Daten regelmäßig zu exportieren, und vielleicht neugierig machen, wie mit dem eigenen Archiv als offenen Daten auch nochmal besser gearbeitet werden kann.

[zipquips]

Hey very random feel free to ignore this but I saw in the toasty puter post in the tags that you mentioned coding! I love coding! So uh. What's it that you're coding on your hopefully soon to be less closer to its own heat death Laptop :)?

omg thank you for the reminder to actually change my computer settings!!! 🤞🤞🤞 my laptop chills the fuck out now (literally, lmao)

and thanks sm for the question!!! i've been doing some stuff in python for school assignments/research and html/css bc i want to remake my neocities website :)

(i haven't gotten anywhere with the neocities stuff tho bc my brain and eyes are usually fried after school, lmao)

my current research project feels very niche to me so i'm trying to figure out how i can describe it in a way that makes sense but also isn't too specific. this project is also new to me so i don't fully understand some of it. i also don't know what kind of coding experience you have. tldr: i'm sorry if this ends up being incoherent, lmao

it's essentially a couple of data analysis things?

i've been processing + plotting some data to look at the sun's intensity (power emitted per area) at different wavelengths. this gets me an intensity vs. wavelength graph. i'm doing this for really cool reasons but alas they are also really niche reasons :/

i've also been processing + plotting some images (this part has been the most difficult for me ;-;). they're essentially just images with some random and fake stars in the background. i'm isolating the parts of the image that occur at the wavelengths i'm interested in (this was the worst bc the images are just pixels so i had to figure out what pixels corresponded to what wavelengths etc. evil evil evil evil). anyway then i took my little isolated image and broke it up into even smaller pieces and averaged the intensities of all those (binned + averaged those bins). this was so i could go from a normal looking image to a graph with a single line of data (intensity vs. wavelength again)

from what i understand i'm supposed to compare these two intensity graphs and idk, have some revelations about my fake data? but idk how to do that so i will be asking my advisor for help on monday, lmao

anyway i hope this made sense? explained something? i think this would be so much easier to explain with images but i don't have anything other than my silly little niche graphs, sorry :(

lmk if you're confused or have questions about anything and i can try to clarify it :)

but! you like to code as well! what kind of stuff are you doing (or have done in the past)?

[coefficiente]

AO3 Wrapped 2023

Transforms your ao3 bookmark data into some colourful graphs - only needs your html data uploaded. No programming knowledge required, no webscraping, no password sharing, cloud hosted & your privacy is maintained

Click here to try it out

Follow the setup instructions closely, and you should get some fun graphs!

If you do end up trying it out, please share :)

It also produces a spreadsheet of your data, for those who like to keep track of deleted works

[koholint]

https://web.archive.org/web/20200718160810/http://asamegraph.sakura.ne.jp/graph/asame3/banimf35.html

[mostlysignssomeportents]

This day in history

Tomorrow (November 29), I'm at NYC's Strand Books with my novel The Lost Cause, a solarpunk tale of hope and danger that Rebecca Solnit called "completely delightful."

#15yrsago Peak Population: when will population growth stop, why, and how? https://www.alexsteffen.com/peak_population_and_sustainability

#15yrsago James Boyle’s “The Public Domain” — a brilliant copyfighter’s latest book, from a law prof who writes like a comedian https://memex.craphound.com/2008/11/29/james-boyles-the-public-domain-a-brilliant-copyfighters-latest-book-from-a-law-prof-who-writes-like-a-comedian/

#10yrsago NSA and Canadian spooks illegally spied on diplomats at Toronto G20 summit https://www.cbc.ca/news/politics/new-snowden-docs-show-u-s-spied-during-g20-in-toronto-1.2442448

#10yrsago New CC licenses: tighter, shorter, more readable, more global https://creativecommons.org/Version4/

#10yrsago Berlusconi kicked out of Italian senate https://www.theguardian.com/world/2013/nov/27/silvio-berlusconi-ousted-italian-parliament-tax-fraud-conviction

#5yrsago Sennheiser’s headphone drivers covertly changed your computer’s root of trust, leaving you vulnerable to undetectable attacks https://www.bleepingcomputer.com/news/security/sennheiser-headset-software-could-allow-man-in-the-middle-ssl-attacks/

#5yrsago New York City’s municipal debt collectors have forged an unholy alliance with sleazy subprime lenders https://www.bloomberg.com/confessions-of-judgment

#5yrsago Here’s how the Pentagon swindled Congress with $21 trillion worth of undocumented, untraceable, unaccounted for expenditures https://www.thenation.com/article/archive/pentagon-audit-budget-fraud/

#5yrsago The prosecutor who helped Jeffrey Epstein escape justice is now a Trump Cabinet member https://www.miamiherald.com/news/local/article220097825.html

#5yrsago Reddit takes a stand against the EU’s plan to break the internet https://www.redditinc.com/blog/the-eu-copyright-directive-what-redditors-in-europe-need-to-know/

#5yrsago The secret history of science fiction’s women writers: The Future is Female! https://memex.craphound.com/2018/11/29/the-secret-history-of-science-fictions-women-writers-the-future-is-female/

#5yrsago Redaction ineptitude reveals names of Proud Boys’ self-styled new leaders https://splinternews.com/proud-boys-failed-to-redact-their-new-dumb-bylaws-and-a-1830700905

#5yrsago Redaction ineptitude reveals Facebook’s 2012 plan to sell Graph API access to user data for $250,000 https://arstechnica.com/tech-policy/2018/11/facebook-pondered-for-a-time-selling-access-to-user-data/

#5yrsago Google engineer calls for a walkout over China censorship and raises $200K strike fund in hours https://twitter.com/lizthegrey/status/1068208484053856256

#5yrsago Correlates of Trump voting: searches for erectile dysfunction, hair loss, how to get girls, penis enlargement, penis size, steroids, testosterone and Viagra https://www.washingtonpost.com/news/monkey-cage/wp/2018/11/29/how-donald-trump-appeals-to-men-secretly-insecure-about-their-manhood/

#5yrsago Google’s secret project to build a censored Chinese search engine bypassed the company’s own security and privacy teams https://theintercept.com/2018/11/29/google-china-censored-search/

#5yrsago Mozilla pulls a popular paywall circumvention tool from Firefox add-ons store https://web.archive.org/web/20181130141509/https://github.com/iamadamdev/bypass-paywalls-firefox/issues/82

#1yrago The Big Four accounting firms are one (more) scandal away from collapse https://pluralistic.net/2022/11/29/great-andersens-ghost/#mene-mene-bezzle

[ethereal-themes]

JOEL: RP UNIVERSE PAGE BY ETHEREALTHEMES

View on payhip ($10), check out the preview or support me on patreon for more themes + pages, header templates, coloring psds and more every month!

All-In-One RP Universe Page

Navigation: Home + additional links on index tab

Color options for: all content boxes and tabs, links, text, two accents + more

Index Tab Includes:

Blog title + Navigation, Welcome, Town History, Events, Admins, Bar Graph Stats, About Us, Disclaimer, Two large images

Contact Tab Includes:

FAQ, Guidelines, Ask Box, Submit Box, One Large Image

Navigation Tab Includes:

Unlimited Links boxes

Unlimited Image boxes (optional)

Locations Tab Includes:

Unlimited Neighborhood Banners with name, price range, info section, image (optional)

Unlimited Individual locations with name, image, jobs/owners/etc, info section

Characters Tab Includes:

Unlimited characters with name, portrait, stats, bio, relationships

Don’t use as base code, remove credit or claim as your own.

Do edit any feature to make it your own.

Advanced HTML to edit colors and information as this is only available as an HTML page; box + table size changes not recommended. Let me know if you come across any issues.